<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title></title>
	<meta name="description" content="">
	<meta name="author" content="">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/meropixs.css">	
	<script data-main="js/main" src="js/libs/require/require.js"></script>
</head>
<body>
<div id="fb-root"></div>
<div id="supersized-loader"></div>
<div id="wrap">
	<div id="header"></div>
	<div id="main">
		<div id="social" align="right"></div>
		<div id="gallery_container">
    		<ul class="gallery"></ul>
		</div>
		<div id="slide_container">
			<ul id="supersized"></ul>
			
			<!--Thumbnail Navigation-->
			<div id="prevthumb"></div>
			<div id="nextthumb"></div>

			<!--Arrow Navigation-->
			<a id="prevslide" class="load-item"></a>
			<a id="nextslide" class="load-item"></a>

			<div id="thumb-tray" class="load-item">
  				<div id="thumb-back"></div>
  				<div id="thumb-forward"></div>
			</div>

			<!--Time Bar-->
			<div id="progress-back" class="load-item">
  				<div id="progress-bar"></div>
			</div>

			<!--Control Bar-->
			<div id="controls-wrapper" class="load-item">
  				<div id="controls">
		    		<a id="play-button"><img id="pauseplay" src="images/ss/pause.png"/></a>
        			<!--Slide counter-->
    				<div id="slidecounter">
      					<span class="slidenumber"></span> / <span class="totalslides"></span>
    				</div>
		   			<!--Slide captions displayed here-->
    				<div id="slidecaption"></div>

    				<!--Thumb Tray button-->
    				<a id="tray-button"><img id="tray-arrow" src="images/ss/button-tray-up.png"/></a>

    				<!--Navigation-->
    				<ul id="slide-list"></ul>
				</div>
			</div>  
	  	</div><!-- End of slide container-->    	
	</div> <!-- End of main --> 
</div> <!-- End of wrap-->
<div id="footer">
	<div id="footerText">
		<span>powered by <a href="http://www.facebook.com">facebook</a>, <a href="http://jquery.com/">jQuery</a>, <a href="http://buildinternet.com/project/supersized/">supersized!</a>, <a href="http://eightmedia.github.com/hammer.js/">hammer.js</a>, <a href="https://github.com/balupton/History.js/">history.js</a></span>
	</div>
	<div id="social" >
		<span>find us on <a href="http://www.facebook.com/GetGlimpses">facebook</a></span>
	</div>
</div>
</body>
</html>